<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
 <div class="" style="padding: 5px;"> 
	<button id="myclass-btn-dialog1" class="btn btn-sm btn-primary">规划教室</button>
	<button id="myclass-btn-dialog2" class="btn btn-sm btn-success">查询教室位置</button>  
	 <div style="float:right;">
		<input type="text" id="serch_text" style="width:250px" placeholder="按学生名称查询">
	</div>
</div>
<table class="table table-striped table-hover table-bordered">
	  <thead>
		<tr id="sys_sys_Class_table_title"> 
		  <th  width="20">编号</th>
		  <th  width="20" fname="sys_ClassNameCheckBox"><input id="sys_ClassNameCheckBox" type="checkbox"></th>
		  <th  width="200" fname="pName">班级名称</th> 
		  <th  width="200" fname="string1">年份</th>
		  <th  width="40" fname="string2">状态</th>
		  <th  width="100" fname="showTime">创建时间</th> 
		</tr>
	  </thead>
 <tbody id="sys_sys_Class_table">
						 
 </tbody>
</table> 
<ul class="pagination" style="margin:0 auto;" id="sys_Class_pagination">
					  
</ul> 	
<!-- 学生的table --> 
<div class="widget-box">
		<div class="widget-header header-color-dark">
			<h5 class="bigger lighter"><font id="classstudentInfo"></font>学生信息</h5> 
		</div> 
		<div class="widget-body">
			 
			<div class="widget-main padding-4">
			<table class="table table-striped table-hover table-bordered">
				  <thead>
					<tr id="sys_sys_student_table_title"> 
					  <th  width="20">编号</th>
					  <th  width="20" fname="sys_sys_studentCheckBox"><input id="sys_sys_studentCheckBox" type="checkbox"></th>
					  <th  width="200" fname="userEngListName">学生名称</th> 
					  <th  width="200" fname="tell">电话</th>
					  <th  width="200" fname="age">年龄</th>
					  <th  width="40" fname="sex">性别</th> 
					</tr>
				  </thead>
				 <tbody id="sys_sys_student_table">
										 
				 </tbody>
			</table> 
			</div>
		</div>
</div>
 
<script type="text/javascript">
	(function() { 
		
		//改变他的启用禁用的状态
		function changesys_ClassState(){
			var allstate =$("div[name='sys_sys_Class_table_string2_tr_td']");
			for(var i=0;i<allstate.length;i++){
				var bc = $(allstate[i]); 
				if(bc.text()==1){
					bc.html('<font color="green">在教</font>');
				}else if(bc.text()==0 || bc.text()=="-1"){
					bc.html('<font color="red">离班</font>');
				}
			}
			$("#sys_sys_Class_table").children().click(function(){
				if($(this).find("[name=sys_sys_Class_table_checkbox]")[0].checked==true){
					$(this).find("[name=sys_sys_Class_table_checkbox]")[0].checked=false;
				}else{
					$(this).find("[name=sys_sys_Class_table_checkbox]")[0].checked=true;
				}
			});
			//全选中事件
			$("#sys_ClassNameCheckBox").click(function(){
				var allc =$("[name=sys_sys_Class_table_checkbox]");
				for(var i=0;i<allc.length;i++){
					$(allc[i])[0].checked=$(this)[0].checked;
				}
					 
			});
			//点击效果
			$("tr[name=sys_sys_Class_table_tr]").click(function(){
				var data = {}; 
				var table_id =$(this).attr("id");
				data.year = $(this).data(table_id).string1;  
				data.cid =  $(this).data(table_id).cid; 
				$("#classstudentInfo").text($(this).data(table_id).pName);
			 	 
				if($(this).data(table_id).string2==0 || $(this).data(table_id).string2 =="-1"){
					alert("您已不在此班中");
					return;
				} 
				loadsys_student(event,data);
			});
		};  
		$("#myclass-btn-dialog1" ).on('click', function(e) {
			e.preventDefault();
			var allc =$("input[type=checkbox][name=sys_sys_Class_table_checkbox]:checked");
			if(allc.length>1||allc.length<=0){
				alert("只能选中一行进行操作!");
				return;
			}
			var table_id=$(allc[0]).parent().parent().attr("id");
			var cdata =$("#"+table_id).data(table_id);
			 cdata.table_id  = cdata.note;//因为后台把班级ID放入了note
			$("#user_include").html("");
			$("#user_include").load("${pageContext.request.contextPath}/class_roomAdd.jsp?r="+Math.random(),cdata,function(){
		 		var dialog = $("#dialog-message").removeClass('hide').dialog({
					modal: true,
					title: "规划教室",
					width:800,
					close:function(){
						$(this).dialog('destroy'); 
						$("#user_include").html("");
					},
					title_html: true,
					buttons: [  
						{
							text: "提交",
							"class" : "btn btn-primary btn-xs",
							click: function() {
								window.class_roomAdd.addClassRoom(this);
							} 
						}
					]
				}); 
			}); 
		}); 
		$("#myclass-btn-dialog2" ).on('click', function(e) {
			e.preventDefault();
			var allc =$("input[type=checkbox][name=sys_sys_Class_table_checkbox]:checked");
			if(allc.length>1||allc.length<=0){
				alert("只能选中一行进行操作!");
				return;
			}
			var table_id=$(allc[0]).parent().parent().attr("id");
			var cdata =$("#"+table_id).data(table_id);
			 cdata.table_id  = cdata.note;//因为后台把班级ID放入了note
			$("#user_include").html("");
			$("#user_include").load("${pageContext.request.contextPath}/class_room_option_show.jsp?r="+Math.random(),cdata,function(){
		 		var dialog = $("#dialog-message").removeClass('hide').dialog({
					modal: true,
					title: "班级教室",
					width:800,
					close:function(){
						$(this).dialog('destroy'); 
						$("#user_include").html("");
					},
					title_html: true,
					buttons: [  
						{
							text: "提交",
							"class" : "btn btn-primary btn-xs",
							click: function() {
								window.class_roomAdd.addClassRoom(this);
							} 
						}
					]
				}); 
			}); 
		}); 
		//用户搜索
		function loadsys_Class(event,data){
			if(typeof(data)=="undefined"){
				data={};
			}
			var url ="${pageContext.request.contextPath}/edu/sysUserAction.do?method=getTeacherClass";
			data.pName=$("#serch_text").val();
			var cp =$("#sys_Class_pagination").find(".active");
			data.start=1;
			if(cp.length>0){
				var ccp=$(cp[0]).text();
				if(parseInt(ccp)){
					data.start=ccp;
				}
			}  
			$("#table_sys_Class").wgrid({
						table_title:"sys_sys_Class_table_title",
						tbodyId:"sys_sys_Class_table",
						pagination:"sys_Class_pagination",
						url:url,
						checkbox:true,
						data:data,
						success:function(){
							changesys_ClassState(); 
						}
			});
		};
		//查询这个班当前的学生
		function loadsys_student(event,data){
			if(typeof(data)=="undefined"){
				data={};
			}
			var url ="${pageContext.request.contextPath}/edu/sysUserAction.do?method=getTeacherClassStudent";		 
			var cp =$("#sys_student_pagination").find(".active");
			data.start=1;
			if(cp.length>0){
				var ccp=$(cp[0]).text();
				if(parseInt(ccp)){
					data.start=ccp;
				}
			}  
			$("#table_sys_student").wgrid({
						table_title:"sys_sys_student_table_title",
						tbodyId:"sys_sys_student_table",
						pagination:"sys_student_pagination",
						url:url,
						checkbox:true,
						data:data,
						success:function(){ 
							//changesys_ClassState(); 
						}
			});
		};
		  
		//搜索的回车事件
		$('#serch_text').keydown(function(e){
			if(e.keyCode==13){
				loadsys_Class(null,{});
			}
		}); 
		$(function(){
			loadsys_Class(null,{});
		}); 
		window.sys_Class={};
		window.sys_Class.loadsys_Class=loadsys_Class;
		 
	})();
</script>

 